https://codepen.io/pen?template=dyBqdBw
第一天的挑戰是切一個 CSS Challenge 100 Days 的 logo,主要使用 Flexbox、linear-gradient、相對定位和 z-index還有一點動畫,其中字體特別用到 -webkit-font-smoothing: antialiased;
和 -moz-osx-font-smoothing: grayscale;
,對我來說平常的專案比較少用到漸變以及字體上的變化。
總結:整體排版的技巧比較基本,但是接觸到了比較少用的字體變化以及漸變,對我來說 Day1 的難易度我給 1/5(分),但還是有收穫~~開心😄